<template>
  <div class="header">石门县重点人员轨迹图</div>
</template>

<script setup lang="ts" name="header"></script>

<style scoped>
@import url("@/assets/main.css");
.header {
  height: 121px;
  line-height: 90px;
  padding-top: 0;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  /* text-shadow: 1px 1px 3px #000; */
  background: url("@/assets/images/head.png") no-repeat scroll center bottom;
  background-size: cover;
  /* -webkit-box-reflect:below 1px linear-gradient(transparent, rgba(0,0,0,0.2)); */
  animation: warning 2.5s infinite ease-in;
}

@keyframes warning {
  from {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
  }
  50% {
    text-shadow: 2px 2px 30px rgba(52, 223, 253, 0.6);
  }
  to {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
  }
}
</style>
